<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>安全认证</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            background-color: #f5f5f5;
            font-size: 0.26rem;
            padding-top: 0.5rem;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: #333333;
        }

        .head {
            width: 100%;
            height: 0.88rem;
            background-color: #ffffff;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            box-sizing: border-box;
            border-bottom: 0.01rem solid #e5e5e5;
        }

        .head img {
            width: 0.21rem;
            height: 0.36rem;
            margin-left: 0.26rem;
        }

        .head_title {
            font-size: 0.36rem;
            color: #333333;
        }

        .tips {
            padding-left: 0.26rem;
            color: #899ef7;
            height: 0.59rem;
            line-height: 0.599rem;
        }

        .saft-list {
            padding: 0 0.24rem;
            background-color: white;
        }

        .saft-list ul li {
            display: flex;
            display: -webkit-flex;
            height: 1.01rem;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            border-bottom: 0.01rem solid #e5e5e5;
        }

        .saft-list ul li:last-of-type {
            border: none;
        }
    </style>
</head>

<body>
    <div class="head">
        <img src="../../image/back_icon.png" alt="" id="goback">
        <span class="head_title">
            安全认证
        </span>
        <span>
        </span>
    </div>
    <div class="tips">
        充值前，请完成安全认证
    </div>
    <div class="saft-list">
        <ul>
            <li>邮箱
                <span>暂无</span>
            </li>
            <li>手机号
                <span>暂无</span>
            </li>
            <li>实名
                <span>暂无</span>
            </li>
            <li>紧急联系人
                <span>暂无</span>
            </li>
        </ul>
    </div>

    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            $("#goback").on("click", function () {
                api.closeWin();
            });
            function loadPage() {
                app.ajax({
                    param: {
                        method: "post",
                        url: app.ajaxUrl + "wallet/getWalletInfo",
                        data: {
                            values: {
                                uid: app.getAccount().uid,
                                token: app.getAccount().token
                            }
                        },
                        callback: function (ret, err) {
                            app.log("getWalletInfo", "获取钱包信息：" + JSON.stringify(ret));
                            if (ret.wallet.bank_card_info != null) {
                                var phoneNum = ret.wallet.bank_card_info.tel.slice(0, 3) + "****" + ret.wallet.bank_card_info.tel.slice(-4)
                                $(".saft-list li:first-of-type span").text("暂无");
                                $(".saft-list li:nth-of-type(2) span").text(phoneNum);
                                $(".saft-list li:nth-of-type(3) span").text(ret.wallet.bank_card_info.username.slice(0, 1) + "**");
                            }
                        }
                    },
                    extra: {
                        isflower: false
                    }
                });
            }
            loadPage();
        };

    </script>
</body>

</html>